// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`RotationsListSectionComponent when the timeframe includes today renders component layout 1`] = `
<div
  class="list-section"
>
  <div>
    <div
      class="gl-border-t gl-clearfix"
    >
      <span
        class="details-cell gl-align-items-center gl-display-flex gl-float-left gl-justify-content-space-between gl-left-0 gl-sticky"
      >
        <span
          aria-label="Rotation 242"
          class="gl-text-gray-700 gl-text-truncate"
          data-testid="rotation-name-gid://gitlab/IncidentManagement::OncallRotation/2"
        >
          Rotation 242
        </span>
        <div
          class="btn-group gl-px-2"
          data-testid="rotation-edit-button-group"
          role="group"
        >
          <button
            aria-label="Edit rotation"
            class="btn btn-default btn-default-tertiary btn-icon btn-md gl-button"
            title="Edit rotation"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="gl-button-icon gl-icon s16"
              data-testid="pencil-icon"
              role="img"
            >
              <use
                href="file-mock#pencil"
              />
            </svg>
          </button>
          <button
            aria-label="Delete rotation"
            class="btn btn-default btn-default-tertiary btn-icon btn-md gl-button"
            title="Delete rotation"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="gl-button-icon gl-icon s16"
              data-testid="remove-icon"
              role="img"
            >
              <use
                href="file-mock#remove"
              />
            </svg>
          </button>
        </div>
      </span>
      <span
        class="gl-float-left gl-overflow-hidden gl-relative timeline-cell"
        data-testid="timeline-cell"
        style="width: calc(100% - 180px);"
      >
        <span
          class="current-day-indicator gl-absolute gl-bg-red-500 gl-pointer-events-none gl-translate-x-n50"
          data-testid="current-day-indicator"
          style="left: 14.285714285714286%;"
        />
        <div>
          <div
            class="gl-absolute gl-h-7 gl-mt-3 gl-pr-1 rotation-asignee-container"
            style="left: 0px; width: 0px;"
          >
            <div
              class="gl-align-items-center gl-display-flex gl-h-6 gl-justify-content-center gl-rounded-base"
              data-testid="rotation-assignee"
              id="reference-0"
              style="background-color: rgb(97, 122, 226);"
            >
              <div
                class="gl-align-items-center gl-display-flex gl-rounded-base gl-text-white"
              />
            </div>
            <div
              class="gl-popover"
            >
              <p
                class="gl-m-0"
                data-testid="rotation-assignee-starts-at"
              >
                Starts: January 12, 2021, 10:04 (UTC: +0000)
              </p>
              <p
                class="gl-m-0"
                data-testid="rotation-assignee-ends-at"
              >
                Ends: January 15, 2021, 10:04 (UTC: +0000)
              </p>
            </div>
          </div>
          <div
            class="gl-absolute gl-h-7 gl-mt-3 gl-pr-1 rotation-asignee-container"
            style="left: 0px; width: 0px;"
          >
            <div
              class="gl-align-items-center gl-display-flex gl-h-6 gl-justify-content-center gl-rounded-base"
              data-testid="rotation-assignee"
              id="reference-1"
              style="background-color: rgb(201, 93, 46);"
            >
              <div
                class="gl-align-items-center gl-display-flex gl-rounded-base gl-text-white"
              />
            </div>
            <div
              class="gl-popover"
            >
              <p
                class="gl-m-0"
                data-testid="rotation-assignee-starts-at"
              >
                Starts: January 16, 2021, 10:04 (UTC: +0000)
              </p>
              <p
                class="gl-m-0"
                data-testid="rotation-assignee-ends-at"
              >
                Ends: January 18, 2021, 10:04 (UTC: +0000)
              </p>
            </div>
          </div>
        </div>
      </span>
    </div>
  </div>
</div>
`;
